<script lang="ts" setup name="App">
    import Modal from './Modal.vue';
</script>

<template>
    <div class="outer">
        <h2>我是App组件</h2>
        <img src="https://sponsors.vuejs.org/images/vueschool.avif"/>
        <br/>
        <Modal/>
    </div>
</template>

<style scoped>
    .outer {
        background-color: #ddd;
        border-radius: 10px;
        padding: 5px;
        box-shadow: 0 0 10px;
        width: 400px;
        height: 400px;
        filter: saturate(200%);
    }
    img {
        width: 270px;
    }
</style>